<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./template/head.css">
    <link rel="stylesheet" href="./template/footer.css">
    <link rel="stylesheet" href="./css/tsa.css">
</head>

<body>
    <!-- 头部开始 -->
    <div class="head">
        <div class="top">
            <div class="wrapper clearfix">
                <span class="fl">乐购www.legou.com</span>
                <span class="fr">欢迎光临乐购&emsp;请 <a href="./login.html">登录</a> | <a href="./register.html">注册</a></span>
            </div>
        </div>
        <div class="nav">
            <div class="wrapper">
                <div class="logo">
                    <h1>
                        <a href="#">lego商城</a>
                    </h1>
                </div>
                <div class="search">
                    <form action="#">
                        <input type="text" placeholder="请输入搜索的商品名">
                        <button></button>
                    </form>
                </div>
                <div class="shop_car">
                    <a href="./shop_car.html"><span>购物车<label>0</label></span></a>
                    <span>我的订单</span>
                </div>
                <ul class="clearfix">
                    <li><a href="#">图书</a></li>
                    <li><a href="#">电子书</a></li>
                    <li><a href="#">原创文学</a></li>
                    <li><a href="#">服装</a></li>
                    <li><a href="#">运动户外</a></li>
                    <li><a href="#">孕婴童</a></li>
                    <li><a href="#">家居</a></li>
                    <li><a href="#">创意文具</a></li>
                    <li><a href="#">地方特产</a></li>
                    <li><a href="#">海外购</a></li>
                    <li><a href="#">电器城</a></li>
                </ul>
            </div>
        </div>

    </div>
    <!-- 头部结束 -->

    <!-- banner开始 -->
    <div class="banner wrapper">
        <div class="poster">
            <div class="poster_content">
                <h3>潮流新区</h3>
                <dl>
                    <dt>大家都在穿</dt>
                    <dd>
                        <a href="#">当季新品</a>
                        <a href="#">商场同款</a>
                        <a href="#">天猫独家</a>
                    </dd>
                    <dd>
                        <a href="#">连衣裙</a>
                        <a href="#">卫衣</a>
                        <a href="#">短外套</a>
                        <a href="#">衬衫</a>
                    </dd>
                    <dd>
                        <a href="#">气质套装</a>
                        <a href="#">卫衣</a>
                        <a href="#">毛衣</a>
                        <a href="#">羽绒服</a>
                    </dd>
                </dl>
                <dl>
                    <dt>大家都在穿</dt>
                    <dd>
                        <a href="#">当季新品</a>
                        <a href="#">商场同款</a>
                        <a href="#">天猫独家</a>
                    </dd>
                    <dd>
                        <a href="#">连衣裙</a>
                        <a href="#">卫衣</a>
                        <a href="#">短外套</a>
                        <a href="#">衬衫</a>
                    </dd>
                </dl>
                <dl>
                    <dt>大家都在穿</dt>
                    <dd>
                        <a href="#">当季新品</a>
                        <a href="#">商场同款</a>
                        <a href="#">天猫独家</a>
                    </dd>
                    <dd>
                        <a href="#">连衣裙</a>
                        <a href="#">卫衣</a>
                        <a href="#">短外套</a>
                        <a href="#">衬衫</a>
                    </dd>
                    <dd>
                        <a href="#">气质套装</a>
                        <a href="#">卫衣</a>
                        <a href="#">毛衣</a>
                        <a href="#">羽绒服</a>
                    </dd>
                </dl>
            </div>
        </div>
    </div>
    <!-- banner结束 -->

    <!-- 主要部分开始 -->
    <div class="main">
        <div class="wrapper">
            <!-- 火爆开始 -->
            <div class="main_h">
                <ul class="clearfix">
                    <li>
                        <h3>品牌闪购 <span>&gt;</span></h3>
                        <img src="./imgs/O1CN011POdf4PXCba5KXh_!!2228361831.jpg_450x600Q90.jpg_.png" alt="">
                        <div>
                            <img class="fl" src="./imgs/TB1yOx4JFXXXXaEXXXXSutbFXXX.jpg_90x45q90.jpg_.png" alt="">
                            <h2 class="fl">初秋时尚 <p>全场三折起</p>
                            </h2>
                        </div>
                    </li>
                    <li>
                        <h3>聚名品<i>LUXURY CHANNEL</i> <span>&gt;</span></h3>
                        <img src="./imgs/accef03fa957212e.png" alt="">
                        <div>
                            <img class="fl" src="./imgs/timg.png" alt="">
                            <h2 class="fl">特会上新 <p>大牌限时折扣</p>
                            </h2>
                        </div>
                    </li>
                    <li>
                        <h3>品牌活动<i>BRAND ACTIVITY</i> <span>&gt;</span></h3>
                        <img src="./imgs/accef03fa957212e.png" alt="">
                        <div>
                            <img class="fl" src="./imgs/timg.png" alt="">
                            <h2 class="fl">特会上新 <p>大牌限时折扣</p>
                            </h2>
                        </div>
                    </li>
                </ul>
                <ul class="clearfix">
                    <li>
                        <img src="./imgs/ias_156870227770045_570x273_90.jpg" alt="">
                    </li>
                    <li>
                        <img src="./imgs/ias_156819366855749_570x273_90.jpg" alt="">
                    </li>
                    <li>
                        <img src="./imgs/ias_156889898387685_570x273_90.jpg" alt="">
                    </li>
                    <li>
                        <img src="./imgs/ias_156868995487248_570x273_90.jpg" alt="">
                    </li>
                </ul>
            </div>
            <!-- 火爆结束 -->

            <!-- 女装热销开始 -->
            <div class="tsa_common womenwear clearfix">
                <h3>女装热销</h3>
                <p>Ladies Fashion Hot Sell</p>
                <div class="tsa_common_l">
                    <ul class="clearfix">
                        <li>口红</li>
                        <li>女装</li>
                        <li>女包</li>
                        <li>卸妆洁面</li>
                    </ul>
                </div>
                <div class="tsa_commom_c">
                    <ul class="clearfix">
                        <li>
                            <img src="./imgs/15688822904603.jpg.png" alt="">
                        </li>
                        <li>
                            <h4>ONLY2019秋冬新款弹力女裤</h4>
                            <p>秋装上新款</p>
                            <div>
                                ¥ 179.00
                                <span>¥230.00</span>
                            </div>
                            <img src="./imgs/O1CN017ZDcSW1EJBFNuVXrL_!!0-item_pic.jpg_220x330Q90.jpg_.png" alt="">
                        </li>
                        <li>
                            <h4>ONLY2019秋冬新款弹力女裤</h4>
                            <p>秋装上新款</p>
                            <div>
                                ¥ 179.00
                                <span>¥230.00</span>
                            </div>
                            <img src="./imgs/O1CN01ojIfF31tRKYYQsRai_!!0-item_pic.jpg_430x430q90.png" alt="">
                        </li>
                        <li>
                            <img src="./imgs/15688823648661.jpg.png" alt="">
                        </li>
                    </ul>
                </div>
                <div class="tsa_common_r">
                    <h4>女装销量 <span>爆买热款 实时更新</span></h4>
                    <ul>
                        <li>
                            <p>1. 乐町牛仔外套女19秋季新款短外</p>
                            <div class="clearfix">
                                <img src="./imgs/O1CN019iEIfb1MQWWZaJoB3_!!0-item_pic.jpg_430x430q90.png" alt="">
                                <p>乐町牛仔外套女19秋季新款短外套女</p>
                                <span>¥ 199.00</span>
                                <i>1</i>
                            </div>
                        </li>
                        <li>
                            <p>2. 乐町牛仔外套女19秋季新款短外</p>
                            <div class="clearfix">
                                <img src="./imgs/O1CN019iEIfb1MQWWZaJoB3_!!0-item_pic.jpg_430x430q90.png" alt="">
                                <p>乐町牛仔外套女19秋季新款短外套女</p>
                                <span>¥ 199.00</span>
                                <i>2</i>
                            </div>
                        </li>
                        <li>
                            <p>3. 乐町牛仔外套女19秋季新款短外</p>
                            <div class="clearfix">
                                <img src="./imgs/O1CN019iEIfb1MQWWZaJoB3_!!0-item_pic.jpg_430x430q90.png" alt="">
                                <p>乐町牛仔外套女19秋季新款短外套女</p>
                                <span>¥ 199.00</span>
                                <i>3</i>
                            </div>
                        </li>
                        <li>
                            <p>4. 乐町牛仔外套女19秋季新款短外</p>
                            <div class="clearfix">
                                <img src="./imgs/O1CN019iEIfb1MQWWZaJoB3_!!0-item_pic.jpg_430x430q90.png" alt="">
                                <p>乐町牛仔外套女19秋季新款短外套女</p>
                                <span>¥ 199.00</span>
                                <i>4</i>
                            </div>
                        </li>
                        <li>
                            <p>5. 乐町牛仔外套女19秋季新款短外</p>
                            <div class="clearfix">
                                <img src="./imgs/O1CN019iEIfb1MQWWZaJoB3_!!0-item_pic.jpg_430x430q90.png" alt="">
                                <p>乐町牛仔外套女19秋季新款短外套女</p>
                                <span>¥ 199.00</span>
                                <i>5</i>
                            </div>
                        </li>
                        <li>
                            <p>6. 乐町牛仔外套女19秋季新款短外</p>
                            <div class="clearfix">
                                <img src="./imgs/O1CN019iEIfb1MQWWZaJoB3_!!0-item_pic.jpg_430x430q90.png" alt="">
                                <p>乐町牛仔外套女19秋季新款短外套女</p>
                                <span>¥ 199.00</span>
                                <i>6</i>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 女装热销结束 -->

            <!-- 男装热销开始 -->
            <div class="tsa_common menwear clearfix">
                <h3>男装热销</h3>
                <p>Ladies Fashion Hot Sell</p>
                <div class="tsa_common_l">
                    <ul class="clearfix">
                        <li>口红</li>
                        <li>女装</li>
                        <li>女包</li>
                        <li>卸妆洁面</li>
                    </ul>
                </div>
                <div class="tsa_commom_c">
                    <ul class="clearfix">
                        <li>
                            <img src="./imgs/ias_156280908227494_570x273_90.png" alt="">
                        </li>
                        <li>
                            <h4>ONLY2019秋冬新款弹力女裤</h4>
                            <p>秋装上新款</p>
                            <div>
                                ¥ 179.00
                                <span>¥230.00</span>
                            </div>
                            <img src="./imgs/9a6635df-a0ff-4ae7-b2ed-618254141a49_420_531_235x297_90.png" alt="">
                        </li>
                        <li>
                            <h4>ONLY2019秋冬新款弹力女裤</h4>
                            <p>秋装上新款</p>
                            <div>
                                ¥ 179.00
                                <span>¥230.00</span>
                            </div>
                            <img src="./imgs/5d8526d1-0d65-4c83-856c-740e8c8984bb_5t.png" alt="">
                        </li>
                        <li>
                            <img src="./imgs/ias_156862926480219_570x273_90.png" alt="">
                        </li>
                    </ul>
                </div>
                <div class="tsa_common_r">
                    <h4>女装销量 <span>爆买热款 实时更新</span></h4>
                    <ul>
                        <li>
                            <p>1. 乐町牛仔外套女19秋季新款短外</p>
                            <div class="clearfix">
                                <img src="./imgs/O1CN019iEIfb1MQWWZaJoB3_!!0-item_pic.jpg_430x430q90.png" alt="">
                                <p>乐町牛仔外套女19秋季新款短外套女</p>
                                <span>¥ 199.00</span>
                                <i>1</i>
                            </div>
                        </li>
                        <li>
                            <p>2. 乐町牛仔外套女19秋季新款短外</p>
                            <div class="clearfix">
                                <img src="./imgs/O1CN019iEIfb1MQWWZaJoB3_!!0-item_pic.jpg_430x430q90.png" alt="">
                                <p>乐町牛仔外套女19秋季新款短外套女</p>
                                <span>¥ 199.00</span>
                                <i>2</i>
                            </div>
                        </li>
                        <li>
                            <p>3. 乐町牛仔外套女19秋季新款短外</p>
                            <div class="clearfix">
                                <img src="./imgs/O1CN019iEIfb1MQWWZaJoB3_!!0-item_pic.jpg_430x430q90.png" alt="">
                                <p>乐町牛仔外套女19秋季新款短外套女</p>
                                <span>¥ 199.00</span>
                                <i>3</i>
                            </div>
                        </li>
                        <li>
                            <p>4. 乐町牛仔外套女19秋季新款短外</p>
                            <div class="clearfix">
                                <img src="./imgs/O1CN019iEIfb1MQWWZaJoB3_!!0-item_pic.jpg_430x430q90.png" alt="">
                                <p>乐町牛仔外套女19秋季新款短外套女</p>
                                <span>¥ 199.00</span>
                                <i>4</i>
                            </div>
                        </li>
                        <li>
                            <p>5. 乐町牛仔外套女19秋季新款短外</p>
                            <div class="clearfix">
                                <img src="./imgs/O1CN019iEIfb1MQWWZaJoB3_!!0-item_pic.jpg_430x430q90.png" alt="">
                                <p>乐町牛仔外套女19秋季新款短外套女</p>
                                <span>¥ 199.00</span>
                                <i>5</i>
                            </div>
                        </li>
                        <li>
                            <p>6. 乐町牛仔外套女19秋季新款短外</p>
                            <div class="clearfix">
                                <img src="./imgs/O1CN019iEIfb1MQWWZaJoB3_!!0-item_pic.jpg_430x430q90.png" alt="">
                                <p>乐町牛仔外套女19秋季新款短外套女</p>
                                <span>¥ 199.00</span>
                                <i>6</i>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 男装热销结束 -->

            <!-- 品牌开始 -->
            <div class="tsa_common brand">
                <h3>品牌热销</h3>
                <p>Ladies Fashion Hot Sell</p>
                <div class="brand_info_h clearfix">
                    <img class="fl" src="./imgs/ias_156862926480219_570x273_90.jpg" alt="">
                    <div class="fl">
                        <h4>XX品牌</h4>
                        <p>HLA JEANS更注重与年青一代的情感沟通，提出“不普通的普通人”的品牌主张，鼓励年轻群体在生活之中坚持小自我，在平凡之中展现小个性，在平淡之中发现小乐趣，活出自己的与众小不同。</p>
                        <span>品牌特卖中&emsp; &gt;&gt;</span>
                    </div>
                </div>
                <div class="brand_info_b">
                    <ul class="clearfix">
                        <li>
                            <img src="./imgs/ias_156905874266141_570x273_90.png" alt="">
                            <p>GOLD SHARK</p>
                            <span>品质男装  秋季焕新</span>
                            <i>收藏品牌</i>
                        </li>
                        <li>
                            <img src="./imgs/ias_156473998969226_570x273_90.png" alt="">
                            <p>GOLD SHARK</p>
                            <span>品质男装  秋季焕新</span>
                            <i>收藏品牌</i>
                        </li>
                        <li>
                            <img src="./imgs/ias_156630312938643_570x273_90.png" alt="">
                            <p>GOLD SHARK</p>
                            <span>品质男装  秋季焕新</span>
                            <i>收藏品牌</i>
                        </li>
                        <li>
                            <img src="./imgs/ias_155704404392536_570x273_90.png" alt="">
                            <p>GOLD SHARK</p>
                            <span>品质男装  秋季焕新</span>
                            <i>收藏品牌</i>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 品牌结束 -->
        </div>
    </div>
    <!-- 主要部分结束 -->

    <!-- 页脚开始 -->
    <div class="footer">
        <div class="footer_h">
            <div class="wrapper clearfix">
                <ul>
                    <li>
                        <img src="./imgs/CgQI0lWskgmADBnsAAAPZvcSh3E68900~1.jpg" alt="">
                        <div>
                            <p>正品保障</p>
                            <span>正品行货 放心选购</span>
                        </div>
                    </li>
                    <li>
                        <img src="./imgs/ChEbulWsk4iADa_aAAAM544hHN818600~1.jpg" alt="">
                        <div>
                            <p>满86包邮</p>
                            <span>满86元 免运费</span>
                        </div>
                    </li>
                    <li>
                        <img src="./imgs/CgQIz1WslI-Adao3AAAN5b_ut2I80100~1.jpg" alt="">
                        <div>
                            <p>售后无忧</p>
                            <span>7天无理由退货</span>
                        </div>
                    </li>
                    <li>
                        <img src="./imgs/ChEi11WsyiyALBbiAAAN9lEEK5M33200~1.jpg" alt="">
                        <div>
                            <p>准时送达</p>
                            <span>收货时间由你做主</span>
                        </div>
                    </li>
                </ul>
                <dl>
                    <dt>新手入门</dt>
                    <dd>购物流程</dd>
                    <dd>会员制度</dd>
                    <dd>订单查询</dd>
                    <dd>服务协议及隐私说明</dd>
                    <dd>网站地图</dd>
                </dl>
                <dl>
                    <dt>支付方式</dt>
                    <dd>货到付款</dd>
                    <dd>网上支付</dd>
                    <dd>礼品卡支付</dd>
                    <dd>其它支付</dd>
                </dl>
                <dl>
                    <dt>配送服务</dt>
                    <dd>配送进度查询</dd>
                    <dd>商品验货与签收</dd>
                </dl>
                <dl>
                    <dt>相关规则</dt>
                    <dd>平台规则</dd>
                    <dd>退换货政策</dd>
                    <dd>发票制度</dd>
                    <dd>帮助中心</dd>
                </dl>
                <div>
                    <p>App更优惠</p>
                    <img src="./imgs/qryhd.png" alt="">
                </div>
                <div>
                    <p>加微信查订单</p>
                    <img src="./imgs/qryhd.png" alt="">
                </div>
            </div>
        </div>
        <div class="footer_b">
            <div class="wrapper">
                <p>沪ICP备XXXXXXXXX号 | 经营证照 | 互联网药品信息服务资格证(沪)-经营性-2017-0006 | 违法和不良信息举报电话：XXX-XXXXXXXX | 沪B2-XXXXXXX |
                </p>
                <p>沪公网安备 XXXXXXXXX号 | 友情链接 | 出版物经营许可证 | 增值电信业务经营许可证</p>
                <img src="./imgs/ChEi1FYXHcOAVk_WAAAL2r2-yfo10200.jpg" alt="">
                <img src="./imgs/CgQCr1PQy1CAF7vaAABDexsiEYM24800.jpg" alt="">
                <img src="./imgs/f582260777c44b30.png" alt="">
                <img src="./imgs/ChEi2lh171KAJrGlAAALl_uZt0E75600.jpg" alt="">
                <img src="./imgs/CgQCrlPYTqCASlHXAAAd82JE0eA31000.png" alt="">
                <img src="./imgs/7b46518a9d74a1d6.jpg" alt="">
            </div>
        </div>
    </div>
    <!-- 页脚结束 -->

    <script src="./lib/jquery.js"></script>
    <script src="./js/tsa.js"></script>
</body>

</html>